<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="css/style1.css" />
    <link rel="stylesheet" href="css/style2.css" />
  </head>
  <body>
    <div class="bbox">
      <div class="top1">
        <div class="top">
          为保证您能顺畅体验去哪儿网的服务，建议改用 Internet Explorer Google
          Chrome Mozilla Firefox
          等浏览器&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>×</span>
        </div>
      </div>
      <div class="nav">
        <ul>
          <li><img src="images/1.png" alt="" /><span>适老化及无障碍</span></li>
          <li class="mm">
            请&nbsp;&nbsp; <span class="login"><a href="html/login.html">登录</a> </span>&nbsp;或&nbsp;<span
              class="login"
              >免费注册</span
            >
          </li>
          <li>消息</li>
          <li>查看订单</li>
          <li>积分商城</li>
          <li>联系客服</li>
          <li></li>
          <li></li>
        </ul>
      </div>
      <div class="banner">
        <ul>
          <li><img src="images/2.png" alt="" /></li>
          <li>
            <input type="text" placeholder="搜索酒店/门票/机票/火车票" /><span
              class="sousuo"
              >搜索</span
            >
          </li>
          <li class="banner1 mt50">
            <div class="aa">
              <div class="orange">客服</div>
              <span>24小时</span>
            </div>
            <div>
              <div class="bb">
                <span>国内客服</span
                >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <span class="cc">95117</span>
              </div>
              <div>
                <span>国际客服</span>&nbsp;&nbsp;
                <span class="cc">(+8610)59606999</span>
              </div>
            </div>
          </li>
        </ul>
      </div>
      <div class="mnav">
        <ul>
          <li>首页</li>
          <li>机票</li>
          <li>酒店</li>
          <li>火车票</li>
          <li>度假</li>
          <li>团购</li>
          <li>门票</li>
          <li>当地人</li>
          <li>汽车票</li>
          <li>行程设计</li>
          <li>攻略</li>
          <li>旅游快讯</li>
        </ul>
      </div>
      <div class="mnav_1">
        <ul>
          <li>
            <span>境外直通车</span><span>境外酒店</span><span>海外游乐</span
            ><span>出境游</span><span>海外购物</span><span>签证</span
            ><span>出境wifi</span>
          </li>
          <li class="ys1"><span>机票首页</span><span>低价机票</span></li>
          <li class="ys1"><span>国内.港澳台酒店</span><span>境外酒店</span></li>
          <li class="ys1"><span></span></li>
          <li class="ys1"><span></span></li>
          <li class="ys1"><span></span></li>
          <li class="ys1"><span></span></li>
          <li class="ys1"><span></span></li>
          <li class="ys1"><span></span></li>
          <li class="ys1"><span></span></li>
          <li class="ys1"><span></span></li>
          <li class="ys1"><span></span></li>
        </ul>
      </div>
      <div class="banxin">
        <ul>
          <li>机票</li>
          <li>酒店</li>
          <li>火车票</li>
          <li>度假</li>
          <li>门票</li>
          <li>团购</li>
          <li>自由行</li>
        </ul>
        <div class="ccc">
          <div class="abc ys">
            <div class="banxin_1">
              <span>国内机票</span>
              <span>港澳台机票</span>
              <div class="right1">
                <span class="">出票状态查询</span>
                <span class="">退票改签</span>
              </div>
            </div>
            <div class="banxin_2">
              <input type="radio" checked="checked" name="11" />单程
              <input type="radio" name="11" />往返
              <div class="mb10">
                <input type="text" placeholder="出发" />&nbsp;&nbsp;&nbsp;&nbsp;
                <input type="text" placeholder="日期" /><br />
                <input type="text" placeholder="到达" />
                &nbsp;&nbsp;&nbsp;&nbsp;<input type="text" placeholder="日期" />
              </div>
              <div>可实时搜索28万条国际内航线<button>立即搜索</button></div>
              <div><img src="images/3.png" alt="" /></div>
            </div>
          </div>

          <div class="abc ys1">
            <div class="banxin_1">
              <span>酒店搜索</span>
            </div>
            <div class="banxin_2">
              <input type="radio" checked="checked" name="11" />境内酒店
              <input type="radio" name="11" />境外.港澳台酒店
              <div class="mb10">
                <input
                  type="text"
                  placeholder="目的地"
                />&nbsp;&nbsp;&nbsp;&nbsp;
                <input type="text" placeholder="酒店名、地标、商圈" /><br />
                <input type="text" placeholder="入住日期" />
                &nbsp;&nbsp;&nbsp;&nbsp;<input
                  type="text"
                  placeholder="离店日期"
                />
              </div>
              <div>可实时搜索28万条国际内航线<button>立即搜索</button></div>
              <div><img src="images/3.png" alt="" /></div>
            </div>
          </div>
        </div>
      </div>
      <div class="left1 ml20">
        <img class="tp1" src="images/1.jpg" alt="" />
      </div>
      <div class="list">
        <div>
          <span>国内低价车票</span><span>国际.港澳台低价航线(单程)</span
          ><span>国际.港澳台低价(往返)</span>
        </div>
      </div>
      <div class="fff">
        <div class="jipiao">
          <p>北京->昆明</p>
          <p>2月22日</p>
          <p><span>￥292,起</span><span>1.6折</span><button>立抢</button></p>
        </div>
        <div class="jipiao">
          <p>北京->昆明</p>
          <p>2月22日</p>
          <p><span>￥292,起</span><span>1.6折</span><button>立抢</button></p>
        </div>
        <div class="jipiao">
          <p>北京->昆明</p>
          <p>2月22日</p>
          <p><span>￥292,起</span><span>1.6折</span><button>立抢</button></p>
        </div>
        <div class="jipiao">
          <p>北京->昆明</p>
          <p>2月22日</p>
          <p><span>￥292,起</span><span>1.6折</span><button>立抢</button></p>
        </div>
        <div class="jipiao">
          <p>北京->昆明</p>
          <p>2月22日</p>
          <p><span>￥292,起</span><span>1.6折</span><button>立抢</button></p>
        </div>
        <div class="jipiao">
          <p>北京->昆明</p>
          <p>2月22日</p>
          <p><span>￥292,起</span><span>1.6折</span><button>立抢</button></p>
        </div>
        <div class="jipiao">
          <p>北京->昆明</p>
          <p>2月22日</p>
          <p><span>￥292,起</span><span>1.6折</span><button>立抢</button></p>
        </div>
        <div class="jipiao">
          <p>北京->昆明</p>
          <p>2月22日</p>
          <p><span>￥292,起</span><span>1.6折</span><button>立抢</button></p>
        </div>
        <div class="jipiao">
          <p>北京->昆明</p>
          <p>2月22日</p>
          <p><span>￥292,起</span><span>1.6折</span><button>立抢</button></p>
        </div>
        <div class="jipiao">
          <p>北京->昆明</p>
          <p>2月22日</p>
          <p><span>￥292,起</span><span>1.6折</span><button>立抢</button></p>
        </div>
      </div>
      <!--酒店-->
      <div class="jiudian">
        <div class="gn"><span>国内酒店必住榜</span><span>国内酒店推荐</span></div>
        <div class="jd1">
          <div class="dis1">
          <div class="beijing ">
            <a href="javascript:;"><p class="tj">热门推荐榜></p></a>
          </div>
            <div class="beijing">
            <a href="javascript:;"><p class="tj">热门推荐榜></p></a>
          </div>
            <div class="beijing">
            <a href="javascript:;"><p class="tj">热门推荐榜></p></a>
          </div>
            <div class="beijing">
            <a href="javascript:;"><p class="tj">热门推荐榜></p></a>
          </div>
          </div>
        <div class="dis1 dis">
          <div class="beijing2">
            <a href="javascript:;"><img src="images/3.jpg" alt="">
            </a>
            <p class="pp1">郑州希尔顿酒店</p>
            <p><span class="pp2">4.7分</span><span class="pp3">4321条评论</span></p>
            <p class="pp4">
              距市中心直线3.2公里.曼哈顿
            </p>
            <p><span class="pp5">免费取消</span> <span class="pp6">￥569起</span></p>
          </div>
           <div class="beijing2">
            <a href="javascript:;"><img src="images/3.jpg" alt="">
            </a>
            <p class="pp1">郑州希尔顿酒店</p>
            <p><span class="pp2">4.7分</span><span class="pp3">4321条评论</span></p>
            <p class="pp4">
              距市中心直线3.2公里.曼哈顿
            </p>
            <p><span class="pp5">免费取消</span> <span class="pp6">￥569起</span></p>
          </div>
           <div class="beijing2">
            <a href="javascript:;"><img src="images/3.jpg" alt="">
            </a>
            <p class="pp1">郑州希尔顿酒店</p>
            <p><span class="pp2">4.7分</span><span class="pp3">4321条评论</span></p>
            <p class="pp4">
              距市中心直线3.2公里.曼哈顿
            </p>
            <p><span class="pp5">免费取消</span> <span class="pp6">￥569起</span></p>
          </div>
           <div class="beijing2">
            <a href="javascript:;"><img src="images/3.jpg" alt="">
            </a>
            <p class="pp1">郑州希尔顿酒店</p>
            <p><span class="pp2">4.7分</span><span class="pp3">4321条评论</span></p>
            <p class="pp4">
              距市中心直线3.2公里.曼哈顿
            </p>
            <p><span class="pp5">免费取消</span> <span class="pp6">￥569起</span></p>
          </div>
           <div class="beijing2">
            <a href="javascript:;"><img src="images/3.jpg" alt="">
            </a>
            <p class="pp1">郑州希尔顿酒店</p>
            <p><span class="pp2">4.7分</span><span class="pp3">4321条评论</span></p>
            <p class="pp4">
              距市中心直线3.2公里.曼哈顿
            </p>
            <p><span class="pp5">免费取消</span> <span class="pp6">￥569起</span></p>
          </div>
          </div>
          </div>
          </div>
          <!--酒店结束-->
          <!--门票-->
          <div class="menpiao">
            <div class="dujia"><span>当季热门度假</span><span>今日特惠度假</span></div>
            <div class="travel">
              <dl>
                <dt>周边游</dt>
                <!-- <dd><a href="html/detail.html"><span>·</span> 洛阳</a></dd>
                <dd><a href="javascrpt:;"><span>·</span>老君山</a></dd>
                <dd><a href="javascrpt:;"><span>·</span>云台山</a></dd>
                <dd><a href="javascrpt:;"><span>·</span>清明上河园</a></dd>
                <dd><a href="javascrpt:;"><span>·</span>嵩山少林寺</a></dd>
                <dd><a href="javascrpt:;"><span>·</span>开封</a></dd>
                <dd><a href="javascrpt:;"><span>·</span>郑州方特欢乐世界</a></dd>
                <dd><a href="javascrpt:;"><span>·</span>龙门石窟</a></dd> -->
              </dl>
              <dl class="df">
                <dt>国内游</dt>
                <!-- <dd><a href="javascrpt:;"><span>·</span> 三亚</a></dd>
                <dd><a href="javascrpt:;"><span>·</span>西双版纳</a></dd>
                <dd><a href="javascrpt:;"><span>·</span>丽江</a></dd>
                <dd><a href="javascrpt:;"><span>·</span>厦门</a></dd>
                <dd><a href="javascrpt:;"><span>·</span>拉萨</a></dd>
                <dd><a href="javascrpt:;"><span>·</span>张家界</a></dd>
                <dd><a href="javascrpt:;"><span>·</span>成都</a></dd>
                <dd><a href="javascrpt:;"><span>·</span>大理</a></dd>
                 <dd><a href="javascrpt:;"><span>·</span>桂林</a></dd> -->
              </dl>
              <dl class="df1">
                <dt>出境游</dt>
                <!-- <dd><a href="javascrpt:;"><span>·</span> 日本</a></dd>
                <dd><a href="javascrpt:;"><span>·</span>泰国</a></dd>
                <dd><a href="javascrpt:;"><span>·</span>巴厘岛</a></dd>
                <dd><a href="javascrpt:;"><span>·</span>普吉岛</a></dd>
                <dd><a href="javascrpt:;"><span>·</span>瑞士</a></dd>
                <dd><a href="javascrpt:;"><span>·</span>雷克雅未克</a></dd>
                <dd><a href="javascrpt:;"><span>·</span>曼谷</a></dd>
                <dd><a href="javascrpt:;"><span>·</span>马尔代夫</a></dd>
                 <dd><a href="javascrpt:;"><span>·</span>越南</a></dd> -->
              </dl>
              <dl class="df2">
               <dt>签证</dt>
                <!-- <dd><a href="javascrpt:;"><span>·</span> 日本</a></dd>
                <dd><a href="javascrpt:;"><span>·</span>泰国</a></dd>
                <dd><a href="javascrpt:;"><span>·</span>韩国</a></dd>
                <dd><a href="javascrpt:;"><span>·</span>美国</a></dd>
                <dd><a href="javascrpt:;"><span>·</span>澳大利亚</a></dd>
                <dd><a href="javascrpt:;"><span>·</span>南非</a></dd>
                <dd><a href="javascrpt:;"><span>·</span>台湾</a></dd>
                <dd><a href="javascrpt:;"><span>·</span>新加坡</a></dd>
                 <dd><a href="javascrpt:;"><span>·</span>马来西亚</a></dd> -->
              </dl>
            </div>
            <div class="jzg">
              <div class="snj">
                <a href="javascript:;">
                <div class="hezi"><div class="hezi_1">
                    <p class="jj">郑州-九寨沟</p>
                    <p class="gentuan">跟团6日游</p>
                  </div></div>
                  <p class="jz">含往返飞机票+5晚住宿</p>
                  <p class="sn">￥2672</p>
                </a>
              </div>
                <div class="snj">
                <a href="javascript:;">
                  <div class="hezi">
                    <div class="hezi_1">
                    <p class="jj">郑州-九寨沟</p>
                    <p class="gentuan">跟团6日游</p>
                  </div>
                  </div>
                  
                  <p class="jz">含往返飞机票+5晚住宿</p>
                  <p class="sn">￥2672</p>
                </a>
              </div>
               <div class="snj">
                <a href="javascript:;">
                <div class="hezi">
                  <div class="hezi_1">
                    <p class="jj">郑州-九寨沟</p>
                    <p class="gentuan">跟团6日游</p>
                  </div>
                </div>
                  <p class="jz">含往返飞机票+5晚住宿</p>
                  <p class="sn">￥2672</p>
                </a>
              </div>
               <div class="snj">
                <a href="javascript:;">
                  <div class="hezi">
                    <div class="hezi_1">
                    <p class="jj">郑州-九寨沟</p>
                    <p class="gentuan">跟团6日游</p>
                  </div></div>
                  <p class="jz">含往返飞机票+5晚住宿</p>
                  <p class="sn">￥2672</p>
                </a>
              </div>
               <div class="snj">
                <a href="javascript:;">
                 <div class="hezi">
                   <div class="hezi_1">
                    <p class="jj">郑州-九寨沟</p>
                    <p class="gentuan">跟团6日游</p>
                  </div>
                 </div>
                  <p class="jz">含往返飞机票+5晚住宿</p>
                  <p class="sn">￥2672</p>
                </a>
              </div>
               <div class="snj">
                <a href="javascript:;">
                  <div class="hezi">
                    <div class="hezi_1">
                    <p class="jj">郑州-九寨沟</p>
                    <p class="gentuan">跟团6日游</p>
                  </div>
                  </div>
                  <p class="jz">含往返飞机票+5晚住宿</p>
                  <p class="sn">￥2672</p>
                </a>
              </div>
            </div>
              <div class="guanggao">
                <a href="javascript:;">
                  <img src="images/5.jpg" alt="">
                </a>
              </div>
            </div>
          
      <!-- 轮播图 -->
      <div class="box">
        <ul>
          <li><img src="images/2.jpg" alt="" /></li>
          <li><img src="images/3.jpeg" alt="" /></li>
        </ul>
        <ol></ol>
        <div class="left">←</div>
        <div class="right">→</div>
      </div>
      <!-- 轮播结束 -->
      <div class="lvxing">
        <p>旅行资讯</p>
        <ul>
          <li><a href="javascript:;">中华人民共和国外交部安全提醒</a></li>
          <li><a href="javascript:;">中华人民共和国文化和旅游部出行提示</a></li>
          <li><a href="javascript:;">请留意：坦桑尼亚将实施“禁塑令”</a></li>
          <li><a href="javascript:;">带这些东西去韩国，可能被罚6万元!</a></li>
          <li><a href="javascript:;">反网络诈骗专栏</a></li>
          <li>
            <a href="javascript:;">去哪儿网已通过支付卡产业数据安全标准</a>
          </li>
          <li><a href="javascript:;">“放心消费在社区”系列活动</a></li>
          <li><a href="javascript:;">全国旅游投诉渠道</a></li>
        </ul>
        <p>旅行小贴士</p>
        <ul>
          <li><a href="javascript:;">去哪儿网郑重承诺"诚信经营 放心消费"</a></li>
          <li><a href="javascript:;">服药的最佳时间</a></li>
          <li><a href="javascript:;">吃药讲究姿势</a></li>
        </ul>
      </div>
      <div class="con">
        <div class="con_1">
          <img src="images/4.png" alt="" />
        </div>
      </div>
      <div class="foot">
        <dl class="jiudian">
          <dt>酒店</dt>
          <dd><a href="javascript:;">九寨沟甲蕃古城附近的酒店预订</a></dd>
          <dd><a href="javascript:;">九寨仙池附近的酒店预订</a></dd>
          <dd><a href="javascript:;">仁吉喜目谷附近的酒店预订</a></dd>
          <dd><a href="javascript:;">四姑娘山双桥沟附近的酒店预订</a></dd>
          <dd><a href="javascript:;">九寨黄龙机场附近的酒店预订</a></dd>
          <dd><a href="javascript:;">川主寺附近的酒店预订</a></dd>
          <dd><a href="javascript:;">三江生态旅游区附近的酒店预订</a></dd>
          <dd><a href="javascript:;">中国羌族博物馆附近的酒店预订</a></dd>
          <dd><a href="javascript:;">川主庙附近的酒店预订</a></dd>
          <dd><a href="javascript:;">九寨沟天堂附近的酒店预订</a></dd>
          <dd><a href="javascript:;">九寨沟汽车站附近的酒店预订</a></dd>
          <dd><a href="javascript:;">五花海附近的酒店预订</a></dd>
        </dl>
        <div class="gl">
          <dl class="gonglue">
            <dt>攻略</dt>
            <dd><a href="javascript:;">九寨沟甲蕃古城附近的酒店预订</a></dd>
            <dd><a href="javascript:;">九寨仙池附近的酒店预订</a></dd>
            <dd><a href="javascript:;">仁吉喜目谷附近的酒店预订</a></dd>
            <dd><a href="javascript:;">四姑娘山双桥沟附近的酒店预订</a></dd>
            <dd><a href="javascript:;">九寨黄龙机场附近的酒店预订</a></dd>
            <dd><a href="javascript:;">川主寺附近的酒店预订</a></dd>
            <dd><a href="javascript:;">三江生态旅游区附近的酒店预订</a></dd>
            <dd><a href="javascript:;">中国羌族博物馆附近的酒店预订</a></dd>
            <dd><a href="javascript:;">川主庙附近的酒店预订</a></dd>
            <dd><a href="javascript:;">九寨沟天堂附近的酒店预订</a></dd>
            <dd><a href="javascript:;">九寨沟汽车站附近的酒店预订</a></dd>
          </dl>
        </div>
      </div>
      <div class="footer">
        <ul>
          <li><a href="javascript:;">关于Qunar.com</a></li>
          <li><a href="javascript:;">业务合作</a></li>
          <li><a href="javascript:;">加入我们</a></li>
          <li><a href="javascript:;">安全中心</a></li>
          <li><a href="javascript:;">星骆驼公益</a></li>
          <li><a href="javascript:;">About Us</a></li>
          <li><a href="javascript:;">Trip.com Group</a></li>
        </ul>
      </div>
      <div class="footer1">
        <ul>
          <li><a href="javascript:;">Copyright ©2021 Qunar.com</a></li>
          <li><a href="javascript:;">京公网安备11010802030542</a></li>
          <li><a href="javascript:;">京ICP备05021087号</a></li>
          <li><a href="javascript:;">京ICP证060856号</a></li>
          <li><a href="javascript:;">营业执照信息</a></li>
          <li>
            <a href="javascript:;"
              >互联网药品信息服务资格证：(京)-非经营性-2016-0110</a
            >
          </li>
          <li><a href="javascript:;">去哪儿网客服电话95117</a></li>
        </ul>
      </div>
      <div class="copy">
        <p class="copyright">
          <span><a href="javascript:;">未成年人/违法和不良信息举报电话：010-59606977</a> </span
            ><span> <a href="javascript:;"> 未成年人/违法和不良信息举报邮箱：tousu@qunar.com</a></span>
        </p>
      </div>
      <div class="anquan">
        <ul>
        <li><a href="javascript:;"><img src="images/6.png" alt=""></a></li>
        </ul>
      </div>
    </div>
  </body>
  <script src="js/jquery-1.9.1.min.js"></script>
  <script src="js/1.js"></script>
  <script src="js/hh.js"></script>
  <script src="js/move.js"></script>
  <script src="js/cart.js"></script>
  <script>
    var productData = [
        { id: 10001, pname: "老君山", pprice: 324, pimg: "./../images/6.jpg" },
        { id: 10002, pname: "云台山", pprice: 392, pimg: "./../images/7.jpg" },
        { id: 10003, pname: "少林寺", pprice: 60, pimg: "./../images/10.png" },
         { id: 10004, pname: "洛阳", pprice: 324, pimg: "./../images/6.jpg" },
        { id: 10005, pname: "清明上河园", pprice: 392, pimg: "./../images/7.jpg" },
        { id: 10006, pname: "开封", pprice: 60, pimg: "./../images/10.png" }, 
        { id: 10007, pname: "郑州方特欢乐世界", pprice: 324, pimg: "./../images/6.jpg" },
        { id: 10008, pname: "龙门石窟", pprice: 392, pimg: "./../images/7.jpg" }
      ];
      localStorage.setItem("productData", JSON.stringify(productData)); 
     let oUl = document.querySelector(".travel dl");
      let oUl1 = document.querySelector(".travel .df");
      let oUl2 = document.querySelector(".travel .df1");
      let oUl3 = document.querySelector(".travel .df2");
      var productData = JSON.parse(localStorage.getItem("productData"));
      let str = ""; //做拼接使用
      productData.forEach((item) => {
        // console.log(item);
        str += `
       <dd>
          <a href="html/detail.html?id=${item.id}" >
            <span>·</span>
             ${item.pname}
      </a></dd>
        `;
      });
      oUl.innerHTML += str;
      oUl1.innerHTML += str;
      oUl2.innerHTML += str;
      oUl3.innerHTML += str;
      // console.log(productData);
     let m6 = document.querySelector(".mm");
    let usn = location.search.split("?")[1];
     if(usn){
        m6.innerHTML = "欢迎您!"+usn+"<a class='login' href='../index.html'>退出</a>";
     }
  </script>
</html>
